.todo-list {
  .side-box {
    padding: @gap;
    width: 20%;
    line-height: 1.4;
  }
}
.left {
}
.middle {
  margin: 0 auto;
  min-width: 500px;
  width: 50%;
  height: 100vh;
  overflow: auto;
  background: #eee;
  .header {
    padding: @gap-half @gap;
    .btn:not(:last-child) {
      margin-right: @gap-half;
    }
    .inp {
      width: 220px;
    }
  }
  .bodyer {
    padding: @gap @gap-half;
    // overflow: auto;
    .item {
      margin-bottom: @gap-half;
    }
  }
  .footer {
    padding: @gap;
    border-top: @border-main;
  }
}
.right {
}
